body {
    margin: 0 auto;
    text-align: center;
    font-family: 微软黑体, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #2E2D2D;
    /*background:white;*/
    background-image:url(/img/bg.jpg); background-repeat:repeat; background-position:center;background-size:cover;background-attachment: fixed;
    background-color:white;
    
}

.page-container {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin: 0px auto;
    margin-top: 0px;
    margin-bottom: 10px;
    border: solid 0px rgb(150,150,150);
    font-size: 1.0em;
    background: #FFFFFF;
    
}
/* AspNetPager 样式以及使用*/
.paginator {
    font: 黑体,Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 5px 5px;
    margin: 0px;
    height: 20px;
}

    .paginator a {
        padding: 1px 6px;
        border: solid 0px #ddd;
        font-size: 100%;
        background: #fff;
        text-decoration: none;
        margin-right: 2px;
    }

        .paginator a:visited {
            padding: 1px 6px;
            border: solid 1px #ddd;
            background: #fff;
            text-decoration: none;
        }

    .paginator .cpb {
        padding: 1px 6px;
        font-weight: bold;
        border: none;
    }

    .paginator a:hover {
        color: #fff;
        background: #ffa501;
        border-color: #ffa501;
        text-decoration: none;
    }

h1 {
}

h2, h3, h4, h5, h6 {
    color: #2582A4;
}

p, ol, ul {
    text-align: justify;
}

strong {
    font-weight: bold;
    color: #808080;
}

a {
    /*color: #87A019;*/
    color: #03465E;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
        color: #2582A4;
    }

.account {
    width: 260px;
    text-align: left;
    padding: 10px;
    line-height: 35px;
    color: black;
}

.Line-Title {
    border-bottom: solid 1px #2582A4;
    background: url(../images/tu2.jpg);
    height: 30px;
    line-height: 30px;
    padding: 0px;
    padding: 5px 0;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    background-repeat: no-repeat;
}

.box {
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
    background: url(../images/img07.gif) repeat-x left bottom;
    border: 1px solid #2582A4;
    *width: 278px;
}

    .box h2 {
        margin-top: 0;
        font-size: 22px;
        padding-left: 20px;
    }

.box2 {
    margin-top: 12px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    min-height: 400px;
    background: url(../images/img07.gif) repeat-x left bottom;
    border: 1px solid #2582A4;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .box2 h2 {
        margin-top: 0;
        font-size: 22px;
        padding-left: 20px;
    }

    .box2 h3 {
        margin-top: 0;
        font-size: 22px;
        padding-left: 20px;
        float: left;
    }

.box3 {
    margin-top: 12px;
    margin-bottom: 10px;
    padding-bottom: 0;
    min-height: 220px;
    /*height: 220px;*/
    background: url(../images/img07.gif) repeat-x left bottom;
    border: 1px solid #2582A4;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .box3 h2 {
        margin-top: 0;
        font-size: 22px;
        padding-left: 20px;
    }

    .box3 h3 {
        margin-top: 0;
        font-size: 22px;
        padding-left: 20px;
        float: left;
    }

.boxdemo {
    margin-top: 12px;
    margin-bottom: 10px;
    padding-bottom: 0;
    min-height: 500px;
    /*height: 525px;
    *height: 620px;*/
    height: 625px;
    *height: 620px;

    *width: 278px;

    background: url(../images/img07.gif) repeat-x left bottom;
    border: 1px solid #2582A4;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
}

    .boxdemo h2 {
        margin-top: 0;
        font-size: 22px;
        padding-left: 20px;
    }

.bottom {
    display: block;
    margin-bottom: 0;
    padding-bottom: 10px;
    background: url(../images/img08.gif) no-repeat left bottom;
}

.bd_det0_M {
    float: left;
    width: 270px;
    text-align: justify;
    line-height: 25px;
    padding-top: 2px;
    max-height: 370px;
    display: block;
    word-wrap: break-word;
}

.map {
    width: 640px;
    height: 310px;
    *height: 410px;
    font-size: 14px;
    border: #ccc solid 1px;
}

#demo {
    overflow: hidden;
    padding: 5px;
    height: 530px;
    *height: 630px;
    width: 260px;
    text-align: center;
    float: left;
    /*overflow:auto;
        overflow-y:scroll;*/
}

#demo1 {
    /*background: #FFF;*/
    overflow: hidden;
    padding: 5px;
    /*height: 1070px;*/
    width: 260px;
    text-align: center;
    float: left;
    /*overflow:auto;
        overflow-y:scroll;*/
}

.image {
    float: left;
    margin: 3px 0 0 0;
    padding: 0;
}

.indent {
    margin-left: 125px;
}

.main-bottom {
    background: url('../Images/xxgl.gif');
    padding: 0px;
    margin: 0px;
    height: 2px;
    line-height: 2px;
}

.main-bottom2 {
    background: url('../Images/xxgl.gif');
    padding: 0px;
    margin: 0px;
    height: 1px;
    line-height: 1px;
}

.main-line {
    text-align: left;
    height: 25px;
    line-height: 25px;
    *line-height: 30px;
    *height: 30px;
    padding: 0px;
    margin: 0px;
}

.main-line2 {
    text-align: left;
    height: 28px;
    line-height: 28px;
    *height: 29px;
    *line-height: 29px;
    padding: 0px;
    margin: 0px;
}

.tdCSS {
    text-align: left;
    height: 25px;
    line-height: 25px;
}
/* Header */
#swipermain {
    width: 960px;
    height: 300px;
    margin: 0 auto;
    /*border-top-right-radius:10px;*/
    /*border-top-left-radius:10px;*/
    /*background: #BECF74 url(../images/img01.gif) repeat-x;*/
    margin-bottom: 5px;
}

#header {
    width: 960px;
    height: 40px;
    /*margin: 0 auto;*/
    /*background: #BECF74 url(../images/img21.gif) repeat-x;*/
    background: #6faacd url(../images/img21.gif) repeat-x;
    border-bottom: 3px solid #FFFFFF;
}

/* Menu */

#menu {
    float: left;
    width: 800px;
    height: 35px;
    margin: 0;
    padding: 0 0 0 0;
    list-style: none;
    background: url(../images/img22.gif) no-repeat;
}

    #menu li {
        display: inline;
        float: left;
        position: relative;
        border-right: solid 1px #EFEFEF;
        height: 40px;
        *height: 40px;
    }

    #menu a {
        display: block;
        float: left;
        height: 35px;
        padding: 8px 15px 0 15px;
        text-transform: lowercase;
        text-decoration: none;
        font-size: 120%;
        font-weight: bold;
        color: #FFFFFF;
    }

        #menu a:hover {
            /*background: #A4B74C url(../images/img04.gif) repeat-x;*/
            height: 30px;
            background: #7bd6f7;
        }

.nav2 {
    float: left;
    width: 800px;
    height: 35px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    background: url(../images/img22.gif) no-repeat;
}
    /*Color navigation bar normal mode*/
    .nav2 ul {
        list-style-type: none;
    }
        .nav2 ul li {
            display: inline;
            float: left;
            position: relative;
            border-right: solid 1px #EFEFEF;
            height: 40px;
            *height: 40px;
        }
            .nav2 ul li ul {
                display: none;
                border: none;
            }
            .nav2 ul li ul {
                margin-left: 0px;
                padding-left:0px;
                
            }
            /*Sticky hover zones*/
            .nav2 ul li a {
                display: block;
                float: left;
                height: 35px;
                /*padding: 8px 15px 0 15px;*/
                text-transform: lowercase;
                text-decoration: none;
                font-size: 120%;
                font-weight: bold;
                color: #FFFFFF;
                
            }

            .nav2 ul li:hover {
                width: auto;
            }

    .nav2 table {
        position: absolute;
        z-index: 999;
        top: 0;
        left: 0;
        border-collapse: collapse;
    }

    .nav2 ul li:hover a {
        text-decoration: none;
    }
    /*Color main cells hovering mode*/
    .nav2 ul li:hover ul {
        display: block;
        position: absolute;
        z-index: 998;
        /*top: 3.0em;*/
        /*margin-top: 0.1em;*/
        top:40px;
        
        left: 0;
    }

        .nav2 ul li:hover ul li ul {
            display: none;
        }

        .nav2 ul li:hover ul li a {
            display: block;
            width: 10.0em;
            height: auto;
            line-height: 1.3em;
            margin-left: -1px;
            /*padding: 4px 16px 4px 16px;*/
            border-left: solid 1px rgb(175,175,175);
            border-bottom: solid 1px rgb(175,175,175);
            background-color: #2582A4;
            font-weight: normal;
            
            color: rgb(50,50,50);
        }
            /*Color subcells normal mode*/
            .nav2 ul li:hover ul li a:hover {
                background-color: #2582A4;
                text-decoration: none;
            }
/*Color subcells hovering mode*/


/* Search */

#search {
    float: right;
    height: 28px;
    margin: 0;
    padding: 9px 25px 0 0;
    background: url(../images/img23.gif) no-repeat right top;
}

    #search fieldset {
        display: inline;
        margin: 0;
        padding: 0;
        border: none;
    }

#input1 {
    width: 60px;
    padding: 2px 5px;
    background: #FFFFFF;
    border: none;
}

#input2 {
    height: 25px;
    background: #87C4DB;
    border: none;
    text-transform: lowercase;
    font-weight: bold;
    padding: 2px 10px;
    color: #FFFFFF;
}

/* Content */
.justify_fix {
    width: 600px;
    text-align: justify;
    text-justify: distribute;
    word-break: break-all;
}
/*末行悲剧变喜剧*/

#content {
    width: 960px;
    margin: 0 auto;
}

#colOne {
    float: left;
    width: 280px;
    *float: left;
}

    #colOne h3 {
        padding: 0 20px;
    }

    #colOne ul {
        margin-left: 0;
        padding-left: 20px;
        padding-right: 20px;
        list-style: none;
    }

    #colOne li {
        padding: 5px 0;
        border-top: 1px solid #EFEFEF;
    }

        #colOne li.first {
            border: none;
        }


.mMsn {
    width: 640px;
    padding: 10px 5px;
    text-align: center;
    vertical-align: bottom;
}

.cloMain {
    float: right;
    width: 650px;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #2582A4;
    border-radius: 10px;
}

    .cloMain h2 {
        margin-top: 0;
        font-size: 22px;
        padding-left: 20px;
        clear: both;
        float: left;
    }

    .cloMain .notice {
        width: 650px;
        min-height: 300px;
        max-height: 720px;
        *max-height: 820px;
        text-align: center;
    }

    .cloMain .notice2 {
        width: 650px;
        min-height: 400px;
        max-height: 750px;
        *max-height: 860px;
        text-align: center;
    }

    .cloMain .Result {
        width: 650px;
        min-height: 400px;
        max-height: 730px;
        text-align: center;
        *max-height: 840px;
    }

    .cloMain .View {
        width: 650px;
        min-height: 680px;
        max-height: 685px;
        /**max-height: 840px;*/
        text-align: center;
        overflow: auto;
        overflow-y: scroll;
    }

    .cloMain .ViewMain {
        width: 650px;
        min-height: 480px;
        max-height: 730px;
        *max-height: 840px;
        text-align: center;
    }

    .cloMain .box {
        margin: 0 -30px 30px -20px;
        padding: 0 30px 0 20px;
    }

    .cloMain .bottom {
        margin: 0 0 20px -20px;
        padding: 0 0 20px 20px;
    }

.cloMax {
    float: right;
    width: 650px;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #2582A4;
    border-radius: 10px;
}

    .cloMax h2 {
        margin-top: 0;
        font-size: 22px;
        padding-left: 20px;
        clear: both;
        float: left;
    }

.cloTwo {
    float: right;
    width: 300px;
    padding: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    border: 1px solid #2582A4;
}

    .cloTwo h2 {
        margin-top: 0;
        font-size: 22px;
        padding-left: 20px;
        clear: both;
        float: left;
    }


    .cloTwo .box {
        margin: 0 -30px 30px -20px;
        padding: 0 30px 0 20px;
    }

    .cloTwo .bottom {
        margin: 0 0 20px -20px;
        padding: 0 0 20px 20px;
    }

.cloThr {
    float: right;
    width: 320px;
    padding: 10px;
    /*margin-left:5px;*/
    border: 1px solid #2582A4;
}

    .cloThr h2 {
        margin-top: 0;
        font-size: 22px;
        padding-left: 20px;
        clear: both;
        float: left;
    }


    .cloThr .box {
        margin: 0 -30px 30px -20px;
        padding: 0 30px 0 20px;
    }

    .cloThr .bottom {
        margin: 0 0 20px -20px;
        padding: 0 0 20px 20px;
    }

.aRight {
    float: right;
    height: 30px;
}

    .aRight a {
        float: right;
        color: #666666;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        padding-right: 5px;
    }

        .aRight a img {
            vertical-align: middle;
            margin-right: 3px;
            border: 0px;
        }

/* Logo */
.TopLogo {
    width: 960px;
    height: 105px;
    background-color:#21A4F6;
    opacity:1;
    z-index:10;
    /*margin-bottom:1px;*/
    /*border:2px solid #FFFFFF;*/
}

    .TopLogo .main {
        width: 600px;
        height: 85px;
        text-align: left;
        padding: 5px 0 0 10px;
        float: left;
    }

    .TopLogo .phone {
        width: 300px;
        float: left;
        padding: 30px 20px 0 20px;
        font-size: 14px;
        font-family: 微软黑体;
        text-align: right;
        color:white;
        font-weight:bold;
        line-height:20px;
    }

.logo {
    margin: 0 auto;
    padding: 0;
    height: 90px;
    border: 1px solid #2582A4;
    background: #2582A4;
    border-radius: 10px;
}

    .logo h1, .logo h2, .logo a {
        margin: 0;
        padding: 0;
        /*text-decoration: none;
	text-transform: lowercase;*/
        text-align: center;
        color: white;
    }

    .logo h1 {
        padding-top: 30px;
        font-size: 30px;
    }

    .logo h2 {
        margin-top: -5px;
        font-size: 12px;
    }

.login {
    margin: 0 auto;
    padding: 0;
    height: 90px;
    *width: 278px;
    border: 1px solid #2582A4;
    background: #2582A4;
    border-radius: 10px;
}

    .login h1, .login h2, .login a {
        margin: 0;
        padding: 0;
        /*text-decoration: none;
	text-transform: lowercase;*/
        text-align: center;
        color: white;
    }

    .login h1 {
        padding-top: 30px;
        font-size: 30px;
    }

    .login h2 {
        margin-top: -5px;
        font-size: 12px;
    }

.imgcss {
    width: 960px;
    height: 300px;
    /*border-radius: 10px;*/
}

.notice2-line {
    text-align: center;
    width: 45%;
    height: 51px;
    *height: 61px;
    text-align: left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /*chrome*/
    .pmgg4 {
        float: left;
        text-align: center;
        margin-left: 2px;
        width: 335px;
        margin: 0px 0 0px 0px;
        padding: 10px;
        background-color: rgb(213,225,240);
        line-height: 20px;
    }

        .pmgg4 td {
            padding: 0px 0px 0px 0px;
        }

    .tdCSS {
        text-align: left;
        height: 24px;
        line-height: 24px;
    }

    .main-line {
        text-align: left;
        height: 22px;
        line-height: 22px;
        padding: 0px;
    }

    .main-line2 {
        text-align: left;
        height: 22px;
        line-height: 22px;
        padding: 0px;
    }

    .main-bottom {
        height: 1px;
        line-height: 1px;
    }

    .main-bottom2 {
        height: 1px;
        line-height: 1px;
    }


    #menu {
        height: 30px;
    }

        #menu li {
            height: 40px;
        }

        #menu a {
            height: 30px;
        }

    .box2 {
        height: 460px;
    }

    .boxdemo {
        height: 540px;
    }

    #demo {
        height: 470px;
    }

    .notice2-line {
        text-align: center;
        width: 45%;
        height: 46px;
        line-height: 16px;
        text-align: left;
    }

    .cloMain .notice {
        min-height: 300px;
        max-height: 740px;
    }

    .cloMain .View {
        width: 650px;
        min-height: 400px;
        max-height: 700px;
        *max-height: 780px;
        text-align: center;
        overflow: auto;
        overflow-y: scroll;
    }

    _:-ms-lang(x),
    .boxdemo {
        height: 480px;
    }

    _:-ms-lang(x), #demo {
        height: 410px;
    }
}

@-moz-document url-prefix() { /*firefox*/
    .pmgg4 td {
        padding: 0px 0px 0px 0px;
    }

    .tdCSS {
        text-align: left;
        height: 20px;
        line-height: 20px;
    }

    .main-line {
        text-align: left;
        height: 20px;
        line-height: 20px;
        padding: 0px;
    }

    .main-line2 {
        text-align: left;
        height: 20px;
        line-height: 20px;
        padding: 0px;
        margin: 0px;
    }

    .main-bottom {
        height: 1px;
        line-height: 1px;
    }

    #menu {
        height: 30px;
    }

        #menu li {
            height: 40px;
        }

        #menu a {
            height: 30px;
        }

    .box2 {
        height: 460px;
    }

    .boxdemo {
        height: 540px;
    }

    #demo {
        height: 450px;
    }

    .notice2-line {
        text-align: center;
        width: 45%;
        height: 45px;
        line-height: 16px;
        text-align: left;
    }

    .cloMain .View {
        width: 650px;
        min-height: 400px;
        max-height: 700px;
        text-align: center;
        overflow: auto;
        overflow-y: scroll;
    }

    .cloMain .notice {
        min-height: 300px;
        max-height: 780px;
    }
}
/* Footer */
.foot {
    margin: 0 auto;
    width: 960px;
    text-align: center;
    line-height: 25px;
}

.foot_2 {
    width: 950px;
    margin: auto;
    line-height: 50px;
    float: left;
    text-align: center;
    padding-left: 250px;
}

    .foot_2 li {
        float: left;
        width: 100px;
        text-align: center;
        list-style-type: none;
    }

#footer {
    clear: both;
    width: 960px;
    margin: 0 auto;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: black;
    line-height: 30px;
    /*background: #2582A4 url(../images/img11.gif) repeat-x;*/
    background: #80bbf3;
    /*border-radius: 10px;*/
}

    #footer p {
        margin: 0;
        text-align: center;
    }

/*固定的悬浮窗*/
.yb_conct {
    position: fixed;
    z-index: 9999999;
    top: 100px;
    right: -127px;
    cursor: pointer;
    transition: all .3s ease;
}

.yb_bar ul li {
    width: 200px;
    height: 53px;
    font: 16px/53px 'Microsoft YaHei';
    color: #fff;
    text-indent: 54px;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
}

.yb_bar .yb_top {
    /*background: #ff4a00 url(../images/fixCont.png) no-repeat 0 0;*/
}

.yb_bar .yb_phone {
    background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;
}

.yb_bar .yb_QQ {
    text-indent: 0;
    background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;
}

.yb_bar .yb_ercode {
    /*height:200px;*/
    /*background: #FFFFFF url(../images/fixCont.png) no-repeat 0 -169px;*/
    /*background-color:#2582A4;*/
    font-weight:bold;
    color:#F4E604;
}

.hd_qr {
    padding: 0 29px 25px 29px;
}

.yb_QQ a {
    display: block;
    text-indent: 54px;
    width: 100%;
    height: 100%;
    color: #fff;
}